@charset "utf-8";
@import "reset.css";

/*
* Author: lotterfriends / lotterfriends@googlemail.com
* Application: CSS Style for the admin section of lfnews
* Successfully tested in following browsers: Safari, Firefox, Opera, Chrome, Iron, IE 8, IE 7, IE 6
* Type: this document is as CSS level 2.1 validated!
* Last validation: 06.10.09
* Last Change: 11.10.09
*/

.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.clear { clear: both; }

html#admin { 	background: #E1F1BC url(../bilder/admin/schriftzug.gif) no-repeat bottom right; height:100%; }
#admin  body { background: #fff; font-family: "Segoe UI",Sans,Arial, Helvetica, sans-serif; font-size: 11px; width: 800px; margin: 10px auto; border: 1px solid #8DC70A; }
#admin #delete {	background:#FFFFFF none repeat scroll 0 0; border:4px solid red; margin:8px 300px; font-weight:bold; color:red;	padding:10px; position:absolute; }

/* Überschrift */
#admin h1#oben { text-shadow: 2px 1px 1px #999999; font-family: Sans-serif; margin-top:-10px; margin-bottom:0; font-size: 22px; padding: 20px; height: 25px; /* font-variant: small-caps; */ letter-spacing: 2px; overflow: hidden; white-space: nowrap; background: #fff url(../bilder/admin/admin_h1_back.gif); }

/* Navigation */
#admin ul { width: 800px; position: absolute;	background: url(../bilder/admin/admin_ul_back.gif) bottom repeat-x;	height: 24px; overflow: visible; padding-left:0; margin-top:0px; }
#admin li { font-size: 16px; float: left;	margin: 1px 5px; list-style-type: none;	background: url(../bilder/admin/admin_tab_inaktiv.gif) bottom repeat-x #8DC70A;	border-top: 1px solid #000;	border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #6D9A08; }
#admin li img { float: none; }
#admin li#aktiv { text-shadow: 2px 0px 2px #fff;  border-bottom: none; padding: 1px 18px; font-weight: bold; height: 21px; background: url(../bilder/admin/admin_tab_aktiv.gif) repeat-x #ACD942; }
#admin li#logout { text-shadow: 2px 0px 2px #666;  float: right; margin-right: 20px; background: none; border: none; font-size: 14px; }
#admin li#logout span { font-weight: bold; }
#admin li a { line-height:19px; padding: 0px 10px;	text-decoration: none; color: #000; }
#admin li.normal:hover { margin:-3px 5px; border-bottom: 5px solid #6D9A08; }


/* Inhalt - Content */
#admin #inhalt {	min-height: 200px; background: url(../bilder/admin/admin_inhalt_back.gif) repeat-x;	margin-top: 22px; border-top: 1px solid #000; padding: 30px 20px; }
#admin #inhalt h2 , #admin #inhalt h3 { font-weight: bold; }
#admin #inhalt h2 { font-size: 15px; }
#admin #inhalt h3 { font-size: 12px; }
#admin #inhalt fieldset { background: url(../bilder/back.gif) no-repeat bottom right #fff; }
#admin #inhalt fieldset div.felder { line-height:18px; padding:10px 10px 0; border: 1px solid #999999; }
#admin #inhalt legend  { letter-spacing: 0.14em; background: url(../bilder/form/abs_back.gif) repeat-x 0 1px #fff; position:absolute; margin-top:-29px; font-size:14px; border-width:1px 1px 0px; border-style:solid; border-color:#999; padding: 7px; border-bottom:1px solid #fff;}
#admin #inhalt legend.beschreibung { position:relative; float:right; border: none; background: none; }
#admin #inhalt hr {background-color:#E1F1BC;border:1px solid #999999;height:3px;}

/* Button */
#admin #inhalt input.button { margin-left:15px; font-family:Sans-serif; border:0 none; width:136px; height:25px; font-size:11px; font-weight:bold; padding: 4px 4px 7px; float:right; background: url(../bilder/button_back.gif) no-repeat;}
#admin #inhalt input.button:hover ,#admin #inhalt input.button:focus  {background-position:0 -25px;}
#admin #inhalt input.bilderButton { border: none; height: 20px; width: 30px; float:right}
#admin #inhalt input[type=text] , #admin input[type=submit] ,#admin input[type=text] , #admin input[type=password] { border: 1px solid #CFCFCF; margin: 3px 0; margin-right: 3px; }
#admin #inhalt input#neuerBenutzer { background: url(../bilder/admin/user_add.gif) center center no-repeat; }
#admin #inhalt input#neueNews { background: url(../bilder/admin/news_add.gif) center center no-repeat; }
#admin #inhalt input#neuerCSS { background: url(../bilder/admin/css_add.gif) center center no-repeat; }
#admin #inhalt input#neuesDesign { background: url(../bilder/admin/design_add.png) center center no-repeat; }



/* Seitenwechsel bei News */
#admin #inhalt .seitenwechsel { font-size:16px; margin-bottom: 3px; }
#admin #inhalt .seitenwechsel a { font-size:14px; text-decoration:none; color:#000; font-weight:bold; }
#admin #inhalt .seitenwechsel a:hover { text-decoration:underline; }

/* Tabellen Allgemein */
/* IE Fix: */ #admin #inhalt table.auflistung td,#admin #inhalt table.auflistung th, #admin #inhalt table.plugins td, #admin #inhalt table.auflistung th, #admin #inhalt table#einstellungen td ,#admin #inhalt table.auflistung th{ background:none;}
#admin #inhalt table.auflistung, #admin #inhalt table.plugins, #admin #inhalt table#einstellungen { width: 100%; border-spacing:2px;  padding: 0px;}
#admin #inhalt table.auflistung tr.gerade, #admin #inhalt table.plugins tr.gerade , #admin #inhalt table#einstellungen tr.gerade { background-color:#efefef; }
#admin #inhalt table.auflistung tr.ungerade, #admin #inhalt table.plugins tr.ungerade , #admin #inhalt table#einstellungen tr.ungerade { background-color:#fff;}
#admin #inhalt table.auflistung th, #admin #inhalt table.plugins th ,#admin #inhalt table#einstellungen th{ background:url(../bilder/admin/admin_tab_aktiv.gif) repeat-x #ACD942; border:1px solid #666666;font-size:12px;font-weight:bold;padding:8px;}
#admin #inhalt table.auflistung td, #admin #inhalt table.plugins td , #admin #inhalt table#einstellungen td { padding-left:3px; vertical-align: middle; border: 1px solid #999; }
#admin #inhalt table.auflistung  td a, #admin #inhalt table.plugins td a  , #admin #inhalt table#einstellungen td a{ display: block; text-decoration: none; color: #6D9A08; margin:2px; }
#admin #inhalt table.auflistung  td a:hover, #admin #inhalt table.plugins td a:hover  ,#admin #inhalt table#einstellungen td a:hover{ background: #6D9A08; color: #fff; }

/* Tabellen Auflistungen */
#admin #inhalt table.auflistung  th *, #admin #inhalt table.auflistung  td * { padding: 5px; }
#admin #inhalt table.auflistung  td { padding-left:0; }
#admin #inhalt table.auflistung  td  input , #admin #inhalt table.auflistung  th  input { margin:3px; }
#admin #inhalt table.auflistung  td  img { padding:2px; }
#admin #inhalt table #delall { margin:0; padding:0;}

/* Tabelle Einstellungen */
#admin #inhalt table#einstellungen td { padding: 2px; }

/* Tabelle Plugins */
#admin #inhalt table.plugins  td { padding:4px;}
#admin #inhalt table.plugins  td input {padding:0; margin:0;}
#admin #inhalt table.plugins  td a  { display: inline; padding: 3px; }
#admin #inhalt table.plugins  td h3 { padding-left:0; padding-top:0;	}

/* Smilie Tabelle */
#admin #inhalt #smilies table  , #admin #inhalt .smilies table { border:0; padding: 0; width: 136px; }
#admin #inhalt .smilies  table { position: absolute; width: 170px; margin-left: 350px; margin-top: 20px; }

/* Smilie Tabelle in Tiny MCE */
#admin #inhalt #smilies.wysiwyg { display:none; position: absolute; background:#efefef; margin-left: 433px; margin-top:133px; border: 1px solid #cccccc; }
#admin #inhalt #smilies.wysiwyg td { border: 1px solid #efefef; }
#admin #inhalt #smilies.wysiwyg td:hover { border: 1px solid #cccccc; }

/* Smilie Tabelle bei den Einstellungen */
#admin #inhalt #smo { position: absolute; margin-left: 100px; margin-top: -20px; width: 60px; text-decoration:underline; }
#admin #inhalt #smo table {border:0 none; border-spacing:2px;}
#admin #inhalt #smo table td {border:0 none;}
#admin #inhalt #smo div#sm { display: none; }
#admin #inhalt #smo:hover div#sm { display: block; }
#admin #inhalt #sm { background: #EEEEEE; border: 1px solid #888787; position: absolute; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; }

/* Externe Links */
#admin a.extern  ,#admin a.extern:hover { background: transparent url(../bilder/link.gif) no-repeat scroll right center !important; padding-right: 13px !important; }
#admin td a.extern  ,#admin  td a.extern:hover { color: #6D9A08 !important }

/* CSS */
#admin .holderBox { margin-bottom:15px; }
#admin .helperBox { -moz-border-radius:7px 7px 0 0; background:none repeat scroll 0 0 #F0F0F0;border-color:#808080;border-style:solid solid none;border-width:1px 1px 0;height:18px;padding:2px;}
#admin .helperBox span {font-size:14px; margin-left:7px;margin-top:-1px;position:absolute;font-style:italic;}
#admin .textAreaHolder.eingeklappt { height:7px; overflow:hidden; }
#admin .css , #admin .textAreaHolder { border: 1px solid #808080; padding:0; }
#admin .CodeMirror-line-numbers {  border-right: 1px solid #dedede; padding-top: 5px; width:30px; text-align:right; background:#F0F0F0; color:#818181;}
#admin .CodeMirror-line-numbers div { line-height:12pt; font-family: monospace; font-size: 10pt; padding:0; }
#admin .klapper, #admin .cross { cursor:pointer; }
#admin #editTemplate { position:absolute; margin:2px; }

/* Hinweise */
#admin #inhalt .hinweis {border: 1px solid #999; background:#efefef; width:738px; padding:10px; margin-top:10px; margin-left:0px;margin-bottom:10px;}
#admin #inhalt .felder .hinweis { width:715px; }

/* Passwortstärketest */
#admin #adminpass { display: none; }
#admin .passHinweis { float: right; width:550px; height: 77px; border: 1px solid #999; padding:5px; }
#admin div.strongHold { margin-left:100px; margin-top:7px; width: 208px; height: 3px; border: 1px solid #CFCFCF; padding: 1px; }
#admin div#strongness { height:3px; width:100%;}
#admin .strong-0   { background-color: #ff0000; }
#admin .strong-1   { background-color: #ff0000; }
#admin .strong-2   { background-color: #ff2c00; }
#admin .strong-3   { background-color: #ff4d00; }
#admin .strong-4   { background-color: #ff7300; }
#admin .strong-5   { background-color: #ff9900; }
#admin .strong-6   { background-color: #ffc700; }
#admin .strong-7   { background-color: #ffff00; }
#admin .strong-8   { background-color: #b6ff00; }
#admin .strong-9   { background-color: #53e200; }
#admin .strong-10 { background-color: #00e200; }

/* Meldungne */
#admin .N, #admin .E , #admin .R  { width: 250px; padding: 5px; margin-left: 530px; margin-top: -55px; display: block; position: absolute; border: 1px solid #999;	background: url(../bilder/admin/info.gif) center right no-repeat #FEFFBF; }
#admin .E { background: url(../bilder/admin/no.gif) center right no-repeat #EFB3B3; }
#admin .R { background: url(../bilder/admin/yes.gif) center right no-repeat #9EDF7D; }

/* Runde Ecken */
#admin #footer { height:10px; line-height:10px; font-size:10px;}
#admin #footer a { color:#000; }
#admin #footer .links, #admin #footer .rechts, #admin #obenround .links, #admin #obenround .rechts { width:12px; height:10px; }
#admin #footer .links, #admin #footer .mitte, #admin #obenround .links  { float:left; }
#admin #footer .rechts, #admin #obenround .rechts  { float:right; }
#admin #obenround .links { background: url(../bilder/admin/oben_links.gif); margin-top:-1px; margin-left:-2px; }
#admin #obenround .rechts { background: url(../bilder/admin/oben_rechts.gif); margin-top:-1px; margin-right:-2px; }
#admin #footer .links { background: url(../bilder/admin/unten_links.gif); margin-top:1px; margin-left:-2px;}
#admin #footer .rechts{ background: url(../bilder/admin/unten_rechts.gif); margin-right:-2px; margin-top:1px; }
#admin #footer .mitte {text-align:center; width:777px; height:10px; margin-top:-5px;}

/* Login und Logout */
#admin div.loginForm  , div.logout { font-size: 18px; padding: 10px; width: 280px; margin: 100px auto;  border: 1px solid #666666; background: #EFEFEF; }
#admin div.logout { text-align: center; }
#admin div.loginForm * { color: #000; margin: 3px;}
#admin div.loginForm  input { border: 1px solid #999; background: #fff; }
#admin div.loginForm  input#AdminSenden { display: block; margin: 5px auto; background: #f9f9f9; }

/* Anpassung der form.css an den Adminbereich */
#admin form#erfassen { width:100%; }
#admin form#erfassen div.buttons { width:550px; }
#admin form#erfassen textarea#text { width:555px; height:250px; }
#admin #smilies { margin-left:550px; }
#admin #smilies table { border-spacing:1px; }
